<template>
	<free-header></free-header>
	<free-swipers :SwipersList = 'SwipersList'></free-swipers>
	<free-icons :IconsFree = 'IconsFree'></free-icons>
	<free-city :Citylist = 'Citylist'></free-city>
</template>

<script>
	import FreeHeader from './pages/Header'
	import FreeSwipers from './pages/Swipers'
	import FreeIcons from './pages/Icons'
	import FreeCity from './pages/City'
	import axios from 'axios'
	export default{
		components:{
			FreeHeader,
			FreeSwipers,
			FreeIcons,
			FreeCity
		},
		data(){
			return{
				"IconsFree":[],
				"Citylist":[],
				SwipersList:[]
			}
		},
		mounted(){
				axios.get('./free.json').then((res)=>{					
					const msg=res.data.data[0];
					this.SwipersList = msg.SwipersList;
					this.IconsFree=msg.IconsFree;
					this.Citylist=msg.Citylist;
				})
			}
	}
</script>

<style>
</style>
